* {
    padding: 0;
    margin: 0;
}

body {
    min-height: 100vh;
    width: 100vw;
    display: grid;
    grid-template-rows: 183.8px auto 128.65px;
    background: #f2f2f2;
}

.hidden{ display: none; }

main {
    display: grid;
    grid-template-columns: 18% 64% 18%;
    grid-template-areas:
    "tools main pda";
    /* The tool and pda widgets rely on grid-template-areas to name 'tools' and 'pda', do not modify them. */

    & .user-block{
        grid-area: main;
        display: grid;

        & .ub-basic-info{
            height: 100px;
            display: grid;
            grid-template-columns: 100px auto;
            
            & img{
                height: 100px;
                width: 100px;
                border-radius: 50px;
            }

            & h2{
                align-self: end;
            }
        }
    }
}